<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>客户资源管理系统</title>
<!-- 标签图标设置 -->
<link rel="icon" href="${pageContext.request.contextPath }/images/favicon.ico" type="image/ico">
<!-- SEO（搜索引擎所有关键件） -->
<meta name="keywords" content="crm,qf">
<meta name="description" content="这是一个解决中小企业客户资源管理的网站">
<meta name="author" content="枫桥夜泊1990">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/materialdesignicons.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.min.css" rel="stylesheet">
<style>
.lyear-wrapper {
	position: relative;
}

.lyear-login {
	display: flex !important;
	min-height: 100vh;
	align-items: center !important;
	justify-content: center !important;
}

.login-center {
	/* background: #fff; */
	background-color: rgba(255, 255, 255, 0.5);
	min-width: 38.25rem;
	padding: 2.14286em 3.57143em;
	border-radius: 5px;
	margin: 2.85714em 0;
}

.login-header {
	margin-bottom: 1.5rem !important;
}

.login-center .has-feedback.feedback-left .form-control {
	padding-left: 38px;
	padding-right: 12px;
}

.login-center .has-feedback.feedback-left .form-control-feedback {
	left: 0;
	right: auto;
	width: 38px;
	height: 38px;
	line-height: 38px;
	z-index: 4;
	color: #dcdcdc;
}

.login-center .has-feedback.feedback-left.row .form-control-feedback {
	left: 15px;
}
</style>
</head>

<body
	style="background-color: rgb(64, 64, 64); background-image: url('${pageContext.request.contextPath }/images/777.jpg');">
	<div class="row lyear-wrapper">
		<div class="lyear-login">
			<div class="login-center">
				<div class="login-header text-center">
					<a href="index.html"> <img alt="light year admin"
						src="${pageContext.request.contextPath }/images/logo-sidebar.png">
					</a>
				</div>
				<form action="${pageContext.request.contextPath }/LoginServlet" method="post">
					<div class="form-group has-feedback feedback-left"
						style="background-color: rgba(255, 255, 255, 0.6);">
						<input style="background-color: rgba(255, 255, 255, 0.6);"
							type="text" placeholder="请输入您的用户名" class="form-control"
							name="email" id="username" /> <span
							class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
					</div>
					<div class="form-group has-feedback feedback-left"
						style="background-color: rgba(255, 255, 255, 0.6);">
						<input style="background-color: rgba(255, 255, 255, 0.6);"
							type="password" placeholder="请输入密码" class="form-control"
							id="password" name="password" /> <span
							class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
					</div>
					<div class="form-group has-feedback feedback-left row">
						<div class="col-xs-7">
							<input type="text" name="captcha" class="form-control"
								style="background-color: rgba(255, 255, 255, 0.9);"
								placeholder="验证码"> <span
								class="mdi mdi-check-all form-control-feedback"
								aria-hidden="true"></span>
						</div>
						<div class="col-xs-5">
							<img src="${pageContext.request.contextPath }/VerifyCodeServlet" class="pull-right" id="captcha"
								style="cursor: pointer;"
								onclick="this.src=this.src+'?d='+Math.random();" title="点击刷新"
								alt="captcha">
						</div>
					</div>
					<div class="form-group">
			          <span>${msg}</span>
			        </div>
					<div class="form-group">
						<button class="btn btn-block btn-primary" type="submit">立即登录</button>
					</div>
				</form>
				<hr>
				<footer class="col-sm-12 text-center">
					<p class="m-b-0">
						Copyright © 2020 <a target="_blank" href="http://ukoko.cn">枫桥夜泊</a>.
						All right reserved
					</p>
				</footer>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
</body>
</html>